<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Lijst van alle klanten</title>
    </h:head>
    <h:body>
        <h1>Lijst van alle klanten</h1>
        
        <h:dataTable value="#{klantController.klantList}" var="au" border="1">
            <h:column>
                <f:facet name="header">
                    <h:outputText value="ID"/>
                </f:facet>
                <h:outputText value="#{au.id}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Voornaam"/>
                </f:facet>
                <h:outputText value="#{au.voornaam}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Achternaam"/>
                </f:facet>
                <h:outputText value="#{au.achternaam}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Adres"/>
                </f:facet>
                <h:outputText value="#{au.adres}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Postcode"/>
                </f:facet>
                <h:outputText value="#{au.postcode}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Gemeente"/>
                </f:facet>
                <h:outputText value="#{au.gemeente}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Telefoonnr"/>
                </f:facet>
                <h:outputText value="#{au.telefoonnr}"/>
            </h:column>
        </h:dataTable>
        
        <p><h:link outcome="newKlant.xhtml" value="Maak een nieuwe klant aan"/></p>
        <p><h:link outcome="index.xhtml" value="Terug naar index"/></p>
    </h:body>
</html>
